﻿<uc:BaseKioskControl x:Class="Kiosk.UserControls.HelpScreen"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:uc="clr-namespace:Kiosk.UserControls"
    Height="600" Width="900">
    <uc:BaseKioskControl.Resources>
        <Style x:Key="paraHeading" TargetType="Paragraph">
            <Setter Property="FontSize" Value="50" />
            <Setter Property="Margin" Value="0,50,0,0" />
        </Style>
    </uc:BaseKioskControl.Resources>
    <Grid Margin="40">
        <Grid.Background>
            <ImageBrush ImageSource="images/presentationBG.png" Stretch="Fill" />
        </Grid.Background>
        <Grid.RowDefinitions>
            <RowDefinition Height="61*" />
            <RowDefinition Height="397*" />
            <RowDefinition Height="61.961*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="48*" />
            <ColumnDefinition Width="728*" />
            <ColumnDefinition Width="43.98*" />
        </Grid.ColumnDefinitions>
        <FlowDocumentScrollViewer Grid.Row="1" Grid.Column="1">
            
            <FlowDocument Name="helpDoc" ColumnWidth="{Binding ElementName=helpDoc,Path=ActualWidth}">
                <Paragraph FontSize="25">
                    Welcome to the
                    <Bold>Magenic Virtual Kiosk</Bold> .  The Kiosk is very simple and easy to use.  If you want information about an upcoming
                    event simply click on one of the notfications.
                </Paragraph>
                <Paragraph Style="{StaticResource paraHeading}" >
                    <InlineUIContainer>
                        <Image Source="images/top/homeBtn.png" Stretch="Uniform" Height="50"></Image>
                    </InlineUIContainer>
                    Home
                </Paragraph>
                <Paragraph>
                    At any point you can click on the home button and return the main screen which will list the upcoming
                    notifications and hopefully give you some insight and information into Magenic.
                </Paragraph>
                <Paragraph Style="{StaticResource paraHeading}">
                    <InlineUIContainer>
                        <Image Source="images/top/directoryBtn.png" Stretch="Uniform" Height="50"></Image>
                    </InlineUIContainer>
                    Directory Search
                </Paragraph>
                <Paragraph>
                    Click on this button to search Magenic's employee directory to find the person you are looking for.
                </Paragraph>
                <Paragraph Style="{StaticResource paraHeading}">
                    <InlineUIContainer>
                        <Image Source="images/top/helpBtn.png" Stretch="Uniform" Height="50"></Image>
                    </InlineUIContainer>
                    Help
                </Paragraph>
                <Paragraph>
                    This is how you got here.  You really didn't need to look at the help to figure out what the help button
                    does, did you?
                </Paragraph>

            </FlowDocument>
        </FlowDocumentScrollViewer>
    </Grid>
</uc:BaseKioskControl>
